<div id="search">
  <!--
  <form method="post" action="">
  <div>
    <label for="search-site">Tìm kiếm</label>
    <input type="text" name="search" class="text medium" id="search-site" />
    <input type="submit" value="Tìm" name="search" class="button" id="search" />
  </div>
  </form>
  -->
  <div id="cse-search-form" style="width: 100%;">Đang tải...</div>
  <script src="http://www.google.com/jsapi" type="text/javascript"></script>
  <script type="text/javascript">
    google.load('search', '1', {language : 'vi'});
    google.setOnLoadCallback(function(){
      var customSearchControl = new google.search.CustomSearchControl('018414275301706704968:otga3mk27ms');
      customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
      customSearchControl.addSearcher(new google.search.ImageSearch());
      customSearchControl.addSearcher(new google.search.VideoSearch());
      var options = new google.search.DrawOptions();
      options.setDrawMode(google.search.SearchControl.DRAW_MODE_LINEAR);
      options.setSearchFormRoot('cse-search-form');
      customSearchControl.draw('cse', options);
      customSearchControl.setSearchCompleteCallback(this, searchCompleteProcess);
      Element.hide('cse');
      Element.show('content_for_layout');
    }, true);
    
    function searchCompleteProcess()
    {
      Element.show('cse');
      Element.hide('content_for_layout');
    }
  </script>
  <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
  <style type="text/css">
    .gsc-clear-button {
      display: none;
    }
    .gsc-control-cse {
      font-family: Verdana, sans-serif;
      border-color: #FFFFFF;
      background-color: #FFFFFF;
    }
    input.gsc-input {
      border-color: #BCCDF0;
    }
    input.gsc-search-button {
      border-color: #666666;
      background-color: #CECECE;
    }
    .gsc-tabHeader.gsc-tabhInactive {
      border-color: #E9E9E9;
      background-color: #E9E9E9;
    }
    .gsc-tabHeader.gsc-tabhActive {
      border-top-color: #FF9900;
      border-left-color: #E9E9E9;
      border-right-color: #E9E9E9;
      background-color: #FFFFFF;
    }
    .gsc-tabsArea {
      border-color: #E9E9E9;
    }
    .gsc-webResult.gsc-result {
      border-color: #FFFFFF;
      background-color: #FFFFFF;
    }
    .gsc-webResult.gsc-result:hover {
      border-color: #FFFFFF;
      background-color: #FFFFFF;
    }
    .gs-webResult.gs-result a.gs-title:link,
    .gs-webResult.gs-result a.gs-title:link b {
      color: #1465B7;
    }
    .gs-webResult.gs-result a.gs-title:visited,
    .gs-webResult.gs-result a.gs-title:visited b {
      color: #1465B7;
    }
    .gs-webResult.gs-result a.gs-title:hover,
    .gs-webResult.gs-result a.gs-title:hover b {
      color: #CC0000;
    }
    .gs-webResult.gs-result a.gs-title:active,
    .gs-webResult.gs-result a.gs-title:active b {
      color: #1465B7;
    }
    .gsc-cursor-page {
      color: #1465B7;
    }
    a.gsc-trailing-more-results:link {
      color: #1465B7;
    }
    .gs-webResult.gs-result .gs-snippet {
      color: #000000;
    }
    .gs-webResult.gs-result .gs-visibleUrl {
      color: #008000;
    }
    .gs-webResult.gs-result .gs-visibleUrl-short {
      color: #008000;
    }
    .gsc-cursor-box {
      border-color: #FFFFFF;
    }
    .gsc-results .gsc-cursor-page {
      border-color: #E9E9E9;
      background-color: #FFFFFF;
    }
    .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
      border-color: #FF9900;
      background-color: #FFFFFF;
    }
    .gs-promotion.gs-result {
      border-color: #336699;
      background-color: #FFFFFF;
    }
    .gs-promotion.gs-result a.gs-title:link {
      color: #0000CC;
    }
    .gs-promotion.gs-result a.gs-title:visited {
      color: #0000CC;
    }
    .gs-promotion.gs-result a.gs-title:hover {
      color: #0000CC;
    }
    .gs-promotion.gs-result a.gs-title:active {
      color: #0000CC;
    }
    .gs-promotion.gs-result .gs-snippet {
      color: #000000;
    }
    .gs-promotion.gs-result .gs-visibleUrl,
    .gs-promotion.gs-result .gs-visibleUrl-short {
      color: #008000;
    }
  </style>

</div>